<html>
<head>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript" ></script>
    <script src="js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script>
    $(function () {
        $.getJSON('getActiveLectures', null, function (data) {
            var lecturesdiv = $('#ActiveLectures');
            for (var i in data) {
                var activelecture = data[i];
                var link = $('<a href="student?lectureKey=' + activelecture.lectureKey + '"/>').text(activelecture.course + " - " + activelecture.lecture);

                $('<div />').append(link).appendTo(lecturesdiv);
            }
            console.log(data);
        });
    });
    </script>
</head>
<body>
<div id="ActiveLectures">
</div>

</body>
</html>